﻿<html>
<head>
    <title>CSS and Jquery Tabs</title>
    <script type="text/javascript" src="Scripts/jquery.js"></script>
    <script src="~/Scripts/jquery_003.js"></script>
    <script src="~/Scripts/jquery_002.js"></script>
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/Scripts/index.js"></script>
    <script src="~/Scripts/modernizr.js"></script>
    <link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    

</head>
<body>
    <div class="brands">
        <div class="brands_title">
            <div class="brands_text">Các thương hiệu hàng đầu</div>
            <div class="none"> </div>
            <div class="kmnb">Khuyến mãi nổi bật</div>
        </div>
        <div class="brands_content">
            <div class="brands_left column-1">
                <a href="#"><div class="left_brands_tittle">Thương hiệu tiêu biểu</div></a>
                <a href="#" class="qcl"><img src="/Content/images/qc_brands_left.jpg" /></a>
            </div>
            <div class="brands_center column-4">
                @Html.Action("THUONGHIEUimage", "ImageFloor")
            </div>
            <div class="brands_right column-1">
                <a href="#" class="qcrt"><img src="/Content/images/qc_brands_rightt.jpg" /></a>
                <a href="#" class="qcrf"><img src="/Content/images/qc_brands_rightf.jpg" /></a>
            </div>
        </div>
    </div>
    @Html.Action("Floor", "Floor")
    <div class="san-pham-ban-chay" style="height:450px;width:1115px;float:left;">
        <div class="title" style="float:left;text-transform:uppercase;font-weight:bold;">
            <p>SẢN PHẨM BÁN CHẠY</p>
        </div>
        <div id="cbp-fwslider" class="cbp-fwslider">
            <ul style="width: 300%; transition: transform 500ms ease 0s;">
                <li style="width: 33.3333%;">
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/1.jpg"></center>
                            <p>Đồng hồ Rajfoo I5 2015 (Đen)</p>
                            <p>87.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/2.jpg"></center>
                            <p>ĐTDĐ Samsung s5</p>
                            <p>400.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/3.jpg"></center>
                            <p>Đồng hồ Ogitech M557 (Đen phối xám)</p>
                            <p>150.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/4.jpg"></center>
                            <p>Bếp Ga (Đen)</p>
                            <p>300.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/5.jpg"></center>
                            <p>Máy may mini</p>
                            <p>350.000VNĐ</p>
                        </a>
                    </div>

                </li>
                <li style="width: 33.3333%;">
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/6.jpg"></center>
                            <p>Đèn ngủ</p>
                            <p>50.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/7.jpg"></center>
                            <p>Đồng hồ Surface Edition (Gold)</p>
                            <p>150.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/8.jpg"></center>
                            <p>Đồng hồ JM-032 (Đen)</p>
                            <p>90.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/9.jpg"></center>
                            <p>Đồng hồ Cao cấp</p>
                            <p>350.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/10.jpg"></center>
                            <p>ĐTDĐ DX-PRO X868 (Đen)</p>
                            <p>99.000VNĐ</p>
                        </a>
                    </div>

                </li>
                <li style="width: 33.3333%;">
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/11.jpg"></center>
                            <p>USB Team 3.0(32GB)</p>
                            <p>90.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/12.jpg"></center>
                            <p>Đồ đọc thẻ</p>
                            <p>200.000VNĐ</p>
                        </a>
                    </div>


                </li>
            </ul>
            <nav><span style="display: none;" class="cbp-fwprev">&lt;</span><span class="cbp-fwnext">&gt;</span></nav><div class="cbp-fwdots"><span class="cbp-fwcurrent"></span><span></span><span></span></div>
        </div>
        <script src="~/Scripts/jquery_003.js"></script>
        <script src="~/Scripts/jquery_002.js"></script>
        <script>
            $(function () {
                $('#cbp-fwslider').cbpFWSlider();
            });
        </script>
    </div> 
</body>
</html>